<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <link rel="stylesheet" href="./lib/weui/dist/style/weui.min.css">
  <link rel="stylesheet" href="./lib/jquery-weiui/dist/css/jquery-weui.min.css">

  <script src="./lib/jquery/dist/jquery.min.js"></script>
  <script src="./lib/jquery-weiui/dist/js/jquery-weui.min.js"></script>
  <script src="./lib/fastclick/lib/fastclick.js"></script>
  <script src="./js/common.js"></script>

  <link rel="stylesheet" href="./style/css/global.css">
  <link rel="stylesheet" href="./style/css/zhengwubanli.css">
  <title>Document</title>
</head>

<body>

  <div class="weui-search-bar" id="searchBar">
    <form class="weui-search-bar__form">
      <div class="weui-search-bar__box">
        <i class="weui-icon-search"></i>
        <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
        <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
      </div>
      <label class="weui-search-bar__label" id="searchText">
      <i class="weui-icon-search"></i>
      <span>搜索</span>
    </label>
    </form>
    <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  </div>

  <div class="app_footerBgImg">
    <div class="text">
      <p class="bq">版权所有：南京市鼓楼区星舟社会工作服务中心</p>
      <p class="js">技术支持:南京英福特信息技术有限公司</p>
    </div>
  </div>

  <div class="content">
    <div class="nav">
      <div class="navItem active">办事办证</div>
      <div class="navItem">执法公开</div>
      <div class="navItem">报警备案</div>
      <div class="navItem">居民服务</div>
      <div class="navItem">社区管理</div>
    </div>

    <div class="listWrapper active">
      <div class="item">
        <div class="title">办事办证</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>

      <div class="item">
        <div class="title">办事办证</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>

      <div class="item">
        <div class="title">办事办证</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>

      <div class="item">
        <div class="title">办事办证</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>
    </div>

    <div class="listWrapper">
      <div class="item">
        <div class="title">执法公开</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>
    </div>

    <div class="listWrapper">
      <div class="item">
        <div class="title">报警备案</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>

      <div class="item">
        <div class="title">报警备案</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>

      <div class="item">
        <div class="title">报警备案</div>
        <div class="itemWrapper">

          <div class="innerItem hot">
            <div class="left">
              <img src="./assets/shi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业登记</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem new">
            <div class="left">
              <img src="./assets/bao.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/she.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">失业保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

          <div class="innerItem">
            <div class="left">
              <img src="./assets/yi.png">
            </div>
            <div class="right">
              <p class="innerItemTitle">社会保险</p>
              <p class="innerItemTotal">共18项服务</p>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>


  <script src="./js/zhengwubanli.js"></script>
</body>

</html>